<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>初始JQuery</title>
        <!-- JQery 了解javaScript功能：页面上所有出发行效果
             JQuery的使用方式
             1.Jquery官方网站，下载JQuery封装js库，格式：jqery-1.11js
                               jquery-2.x.sj之后的版本不支持IE 6 7 8
             2.引入JQuery框架【js类库】，在head中，script元素 导入
                                <script src="ja/jquery-1.11.1js"></script>
             3.编写JQuery框架语法---JS页面动态效果
			 在页面最后body前方加script元素，为什么？
			 思考：操作页面上面元素，body中生成实际页面上的内容，改变页面效果
			       整个html+css  理解为一颗Dom树：元素，属性，属性值，先存在
				   这些元素，才可以进行操作。所以，JS中DOM树的操作需要等页面元素
				   都加载完毕，才可以进行对页面元素进行实质性操作
				   
javaScript行为层 EMCAScript5.0核心语法    --类似于Java基础    
                                   功能：做逻辑
                            重点：  DOM  Document Object Model 文档节点对象模型
                                   功能：作页面效果【结合逻辑】
                                   DOM 树    document  元素、属性、属性值
                                                html
                                            head     body
                                        meta            
                                   BOM  Browser Object Model  浏览器对象模型
                                   功能：做浏览器效果【结合逻辑】  吸顶灯效果-->
								   
								   -->
        <script src="js/jquery-1.11.1.js"></script>
    </head>
    <body>
		<button>按钮</button>
		<!-- 编写JQ语法 -->
		<script>
			/*JQ语法*/
			$("button").click(function(){alert("别着急~")})
		</script>
    </body>
</html>